// canvas 转化根容器等 API 不好用，才使用 pixi.js
// 安装并导入 pixi 报错，名称必须是 pixi.js
import { Application } from 'pixi.js';
import { gameWidth, gameHeight } from './utils/gameConfig.js';

// 使用画布绘制根容器
export const game = new Application({
	width: gameWidth,
	height: gameHeight
});
console.log(game);
// 在页面中展示 canvas 标签
document.body.append(game.view);
// game.stage 就是根容器
export function getRootContainer() {
	// console.log(game.stage);
	return game.stage;
}

// pixi 官方示例的动画
// let elapsed = 0;
// game.ticker.add((delta) => {
// 	elapsed += delta / 60;
// 	const amount = Math.sin(elapsed);
// 	const scale = 1.0 + 0.25 * amount;
// 	// 透明度
// 	const alpha = 0.75 + 0.25 * amount;
// 	const angle = 40 * amount;
// 	const x = 75 * amount;

// 	const sprite = game.stage.children[0].children[2]
// 	if (sprite) {
// 		sprite.scale.set(scale);
// 		sprite.alpha = alpha;
// 		sprite.angle = angle;
// 		sprite.x = x;
// 	}
// })